<template>
	<view class="">
		<view class="big-box">
			<view class="info-box">
				<image src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1194131577,2954769920&fm=26&gp=0.jpg" mode=""></image>
				<view class="trip1">
					来了老弟？先打个卡吧
				</view>
				<view class="trip2">
					到酒店了，辛苦了，好好休息~
				</view>
			</view>
			<view class="btn">
				<view class="">
					<view class="text">
						酒店打卡
					</view>
					<view class="">
						12:00
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.big-box {
		width: 100vw;
		height: calc(100vh - 44px);
		background: url(../../static/img/23.png) no-repeat;
		background-size: 100%;
		background-position: bottom;
		border-top: 1px solid rgba(255, 255, 255, 0);
		.info-box {
			text-align: center;
			margin-top: 200rpx;
			image {
				width: 160rpx;
				height: 160rpx;
				border-radius: 50%;
			}
			.trip1 {
				font-size: 30rpx;
				margin: 20rpx 0;
			}
			.trip2 {
				font-size: 28rpx;
				color: #999;
				
			}
		}
		.btn {
			width: 300rpx;
			height: 300rpx;
			background: url(../../static/img/24.png);
			background-size: 100% 100%;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			margin: 100rpx auto 0;
			.text {
				font-size: 34rpx;
				font-weight: 700;
				margin-bottom: 10rpx;
			}
		}
	}
</style>
